<template>
<div class="Index">
<!--  头部-->
  <IndexHead/>
<!--  轮播-->
  <Carousel/>
  <div class="IndexType">
<!--    直播-->
    <LiveStreaming/>
<!--    课程列表-->
    <courselist/>
  </div>
<!--  友情链接-->
<Blogroll/>
  <!--    底部-->
  <SiBottom/>
</div>
</template>

<script>

import IndexHead from "@/views/index/components/IndexHead";
import Carousel from "@/views/index/components/Carousel";
import LiveStreaming from "@/views/index/components/LiveStreaming";
import courselist from "@/views/index/components/courselist";
import SiBottom from "@/views/index/components/SiBottom";
import Blogroll from "@/views/index/components/Blogroll";

export default {
  name: "Index",
  components:{
    IndexHead,
    Carousel,
    LiveStreaming,
    courselist,
    SiBottom,
    Blogroll
  }
}
</script>

<style scoped lang="less">
.index{
  //background-color: #fff;
}
.carousel{
  width:100%;
}
.IndexType{
  width: 1200px;
  margin: 0 auto;
}
</style>